<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    /* logo图片 */
.a img  {width:250px;
  height: 80px;
  vertical-align: middle;
 }
 #a1 {color: red;}
 #a2 {
   /* 字体背景色 */
  color: black;
  text-decoration: none;

}
#a3{
  /* 圆背景色 */
  width: 30px;
    height: 30px;
  border-radius: 50%;
}
.a4{
    /* 图片页面  */
  width: 100%;
      height: 500px;
  background-image: url("img/regist.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
#a5{ 
  /* 悬停背景色 */
  text-decoration:none;
}
.a6{
    /* 校招流程 */
  text-align: center;
  font-family:"华文隶书";
  font-size: 50px;
}
  .a7 {  font-family: "华文琥珀";
     /*1.网申/内推 */
    text-align: center;}
  .a8{
   
    /*7月13日-9月14日 */
    text-align: center;}
  .a9{
        /*同学们要趁早投递哦，部分岗位将提前结束网申 */
        /* list-style: "❤"; */
    text-align: center;
   
  }
  </style>
</head>
<body>
  <table>
<ul class="a">
<img src="./img/logo2.png" alt=""> 
<a href="https://game.campus.163.com/home" id="a1">首页</a>
<a href="#" id="a2">&nbsp;&nbsp;人才专项&nbsp;&nbsp;</a>
<a href="#" id="a2">热招职位&nbsp;&nbsp;</a>
<a href="#" id="a2">招聘动态&nbsp;&nbsp;</a>
<a href="#" id="a2">影像互娱&nbsp;&nbsp;</a>
<a href="#" id="a2">关于娱乐&nbsp;&nbsp;</a>
<img src="./img/weichat.png" alt="" id="a3">
<img src="./img/weibo.png" alt="" id="a3">
<a href="#" id="a5">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
</ul>
</table>
<div class="a4"></div>
<h1 class="a6">校招流程</h1>
<div class="a7">1.网申/内推</div>
<div class="a8">7月13日-9月14日</div>
<div class="a9">❤同学们要趁早投递哦，部分岗位将提前结束网申❤</div>
<hr>
</body>
</html>